@font-face
  font-family: FZLTH_GBK;
  src: url('fonts/FZLTH_GBK.TTF')
@font-face
  font-family: FZLTQH_GBK;
  src: url('fonts/FZLTQH_GBK.ttf')

::-webkit-scrollbar
  width 2px
  background-color: #424f65;
::-webkit-scrollbar-thumb
  width 2px
  background-color: #05b4f3;
.title
  width 394px
  height 40px
  background rgba(52,60,63,0.5)
  font-size 28px
  line-height 40px
  text-indent 6px
  span
    display inline-block
    vertical-align top
    height 40px
    font-size 16px
    padding-left 12px
body
html
  height 100%
  margin 0
  padding 0
  background url('img/bg.png') no-repeat
  color #fff
  font-family FZLTH_GBK
  .layout
    width 1920px
    height 1080px
    overflow hidden
    display flex
    position fixed
    top 0
    left 0
    transform-origin 0 0
    >div
      &.right
        width: 400px
        margin 20px 20px 0 0
      &.moddle
        flex 1
        text-align center
      &.left
        width 430px
        flex 0 0 430px
        padding-left 20px
        padding-top 20px
        box-sizing border-box
        .total
          margin-top 38px
          >div
            font-size 30px
            color #d1d6dc
            line-height 1
            text-align center
            &:first-of-type
              font-size 16px
              color #a5b1bd
              margin-bottom 22px
        .earth
          width 190px
          height 190px
          border-radius 50%
          margin 0 auto
        .yq-total
          width 394px
          .total
            margin-top 38px
            >div
              font-size 30px
              color #d1d6dc
              line-height 1
              text-align center
              &:first-of-type
                font-size 16px
                color #a5b1bd
                margin-bottom 22px
          .earth
            width 326px
            height 323px
            border-radius 50%
            margin 0 auto
            position relative
            overflow hidden
            #earth
              width 190px
              height 190px
              margin 0 auto
              margin-top 79px
              transform translateX(2px)
            .img
              position absolute
              top 0
              left 0
              width 326px
              height 323px
              background url('./img/light.png')

          .types
            display flex
            .item
              font-family FZLTQH_GBK
              flex 1
              text-align center
              font-size 30px
              color #d1d6dc
              line-height 1
              position relative
              &:nth-child(1)
              &:nth-child(2)
                border-right 1px solid #3a4754
                &:after
                  content ''
                  width 0
                  height 0
                  border-width 0 6px 6px
                  border-style solid
                  border-color transparent transparent #e15213
                  position absolute
                  right -7px
                  bottom -16px
              div
                &:first-of-type
                  margin-bottom 23px
                  font-size 16px
                  color #a5b1bd
                  font-family FZLTH_GBK
        .crisis
          margin-top 56px
          .crisislist
            margin-top 16px
            width 394px
            height 376px
            overflow auto
            .list
              width 355px
              font-size 14px
              border-bottom 1px solid #424f65
              padding 14px 0
              &:last-child
                border 0
              .top
                overflow hidden
                height 30px
                line-height 28px
                .source
                  width 50px
                  border solid 1px #05b4f3
                  color #05b4f3
                  text-align center
                  float left
                  box-sizing border-box
                .time
                  float right
                  color #a5b1bd
              .cont
                margin-top 15px
                line-height 26px
                color #fff
                overflow  hidden
                text-overflow ellipsis
                display  -webkit-box
                -webkit-line-clamp 2
                -webkit-box-orient vertical
                cursor pointer

.m-detail
  position relative
  overflow hidden
  .top
    background-image url('./img/details-toper.png')
    width 1621px
    height 191px
    margin 0 auto
    margin-top 16px
    .time
      text-align center
      font-family HYQiHei-EZJ
      color #7c94b8
      padding-top 48px
  .back
    position absolute
    top 171px
    left 65px
    width 110px
    height 50px
    background-image url('./img/back.png')
    background-size cover
    line-height 58px
    text-indent 47px
    color #05b4f3
    cursor pointer
  .cont
    background linear-gradient(top, rgba(18,64,93,0.5), rgba(18,64,93,0))
    width 1100px
    margin 0 auto
    transform translateY(-20px)
    cursor pointer
    >div
      width 1100px
      padding 60px 40px
      box-sizing border-box
      .subtitle
        font-size 28px
        color #fff
      .desc
        height 580px
        overflow auto
        margin-top 35px
        font-size 14px
        color #a5b1bd
        line-height 25px
        padding-bottom 50px
        box-sizing border-box
        -webkit-mask-image linear-gradient(#000 85%, transparent)
        


      

.err
  text-align center
  .close
    width 190px
    height 35px
    border-radius 16px
    border solid 1px #05b4f3
    line-height 35px
    margin 0 auto 
    margin-top 127px
    font-size 14px
    color #05b4f3
    cursor pointer